<!doctype html>
<html class="no-js" lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>管理员设备维修系统</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- favicon
		============================================ -->
    <link rel="stylesheet" type="text/css" href="/admin/css/font-awesome.min.css">
    <link rel="shortcut icon" type="image/x-icon" href="/admin/img/logo/icon.png">
    <!-- Google Fonts
		============================================ -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900" rel="stylesheet">
    <!-- Bootstrap CSS
		============================================ -->
    <link rel="stylesheet" href="/admin/css/bootstrap.min.css">
    <!-- Bootstrap CSS
		============================================ -->
    <link rel="stylesheet" href="/admin/css/font-awesome.min.css">
	<!-- nalika Icon CSS
		============================================ -->
    <link rel="stylesheet" href="/admin/css/nalika-icon.css">
    <!-- owl.carousel CSS
		============================================ -->
    <link rel="stylesheet" href="/admin/css/owl.carousel.css">
    <link rel="stylesheet" href="/admin/css/owl.theme.css">
    <link rel="stylesheet" href="/admin/css/owl.transitions.css">
    <!-- animate CSS
		============================================ -->
    <link rel="stylesheet" href="/admin/css/animate.css">
    <!-- normalize CSS
		============================================ -->
    <link rel="stylesheet" href="/admin/css/normalize.css">
    <!-- meanmenu icon CSS
		============================================ -->
    <link rel="stylesheet" href="/admin/css/meanmenu.min.css">
    <!-- main CSS
		============================================ -->
    <link rel="stylesheet" href="/admin/css/main.css">
    <!-- morrisjs CSS
		============================================ -->
    <link rel="stylesheet" href="/admin/css/morrisjs/morris.css">
    <!-- mCustomScrollbar CSS
		============================================ -->
    <link rel="stylesheet" href="/admin/css/scrollbar/jquery.mCustomScrollbar.min.css">
    <!-- metisMenu CSS
		============================================ -->
    <link rel="stylesheet" href="/admin/css/metisMenu/metisMenu.min.css">
    <link rel="stylesheet" href="/admin/css/metisMenu/metisMenu-vertical.css">
    <!-- calendar CSS
		============================================ -->
    <link rel="stylesheet" href="/admin/css/calendar/fullcalendar.min.css">
    <link rel="stylesheet" href="/admin/css/calendar/fullcalendar.print.min.css">
    <!-- calendar CSS
      ============================================ -->
    <link rel="stylesheet" href="/admin/css/calendar/fullcalendar.min.css">
    <link rel="stylesheet" href="/admin/css/calendar/fullcalendar.print.min.css">
    <!-- style CSS
		============================================ -->
    <link rel="stylesheet" href="/admin/css/style.css">
    <!-- responsive CSS
		============================================ -->
    <link rel="stylesheet" href="/admin/css/responsive.css">
    <!-- modernizr JS
		============================================ -->
    <script src="/admin/js/vendor/modernizr-2.8.3.min.js"></script>
</head>

<body>
<!--    &lt;!&ndash;[if lt IE 8]>-->
<!--            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>-->
<!--        <![endif]&ndash;&gt;-->

    <div class="left-sidebar-pro">
        <nav id="sidebar" class="">
            <div class="sidebar-header">
<!--                <a href="index-2.html"><img class="main-logo" src="/admin//admin/img/logo/logo.png" alt="" /></a>-->
                <h3>设备维修系统</h3>
                <strong><img src="/admin/img/logo/icon.png" alt="" /></strong>
            </div>
			<div class="nalika-profile">
				<div class="profile-dtl">
					<a href="#"><img src="/admin/img//logo/manager.png" alt="" /></a>
					<h2>公司任命 <span class="min-dtn">管理员</span></h2>
				</div>
				<div class="profile-social-dtl">

				</div>
			</div>
            <div class="left-custom-menu-adp-wrap comment-scrollbar">
                <nav class="sidebar-nav left-sidebar-menu-pro">
                    <ul class="metismenu" id="menu1">
                        <li class="active">
                            <a class="has-arrow" href="index-2.html">
                                <i class="icon nalika-forms icon-wrap"></i>
                                <span class="mini-click-non">维修管理</span>
                            </a>
                            <ul class="submenu-angle" aria-expanded="true">

                                <li><a title="charts" th:href="@{/showStatistics(AId=${AId})}"><span class="mini-sub-pro">维修信息统计</span></a></li>
                                <li><a title="Lists" th:href="@{/toCheckTasks(AId=${AId},pageNum=1)}"><span class="mini-sub-pro">维修信息汇总</span></a></li>



                            </ul>
                        </li>

                        <li>
                            <a class="has-arrow" href="mailbox.html" aria-expanded="false"><i class="icon nalika-new-file icon-wrap"></i> <span class="mini-click-non">人员管理</span></a>
                            <ul class="submenu-angle" aria-expanded="false">
                                <li><a title="clients" th:href="@{/toCheckClients(AId=${AId},pageNum=1)}"><span class="mini-sub-pro">职员汇总</span></a></li>
                                <li><a title="workers" th:href="@{/toCheckWorkers(AId=${AId},pageNum=1)}"><span class="mini-sub-pro">维修人员汇总</span></a></li>

                            </ul>
                        </li>

                        <li>
                            <a class="has-arrow" href="mailbox.html" aria-expanded="false"><i class="icon nalika-home icon-wrap"></i> <span class="mini-click-non">库存管理</span></a>
                            <ul class="submenu-angle" aria-expanded="false">
                                <li><a title="storage" th:href="@{/showWarehouse(AId=${AId})}"><span class="mini-sub-pro">库存查看</span></a></li>
                                <li><a title="check" th:href="@{/toCheckMaterial(AId=${AId},pageNum=1)}"><span class="mini-sub-pro">设备申请审核</span></a></li>
                            </ul>
                        </li>
                        <li>
                            <a th:href="@{/log(AId=${AId},pageNum=1,startTime='2021-07-14T00:00',endTime='2021-07-14T23:59')}" aria-expanded="false"><img src="admin/img/log.png" style="width: 20px;margin-right: 10px;"><span class="mini-click-non">日志</span></a>
                        </li>




                    </ul>
                </nav>
            </div>
        </nav>
    </div>
    <!-- Start Welcome area -->
    <div class="all-content-wrapper">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="logo-pro">
                        <a href="index-2.html"><img class="main-logo" src="/admin/img/logo/logo.png" alt="" /></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="header-advance-area">
            <div class="header-top-area">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <div class="header-top-wraper">
                                <div class="row">
                                    <div class="col-lg-1 col-md-0 col-sm-1 col-xs-12">
                                        <div class="menu-switcher-pro">
                                            <button type="button" id="sidebarCollapse" class="btn bar-button-pro header-drl-controller-btn btn-info navbar-btn">
													<i class="icon nalika-menu-task"></i>
												</button>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-7 col-sm-6 col-xs-12">
                                        <div class="header-top-menu tabl-d-n">
                                            <div class="breadcome-heading">
												<form role="search" class="">
													<input type="text" placeholder="Search..." class="form-control">
													<a href=""><i class="fa fa-search"></i></a>
												</form>
											</div>
                                        </div>
                                    </div>
                                    <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
                                        <div class="header-right-info">
                                            <ul class="nav navbar-nav mai-top-nav header-right-menu">


                                                <li class="nav-item">
                                                    <a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="nav-link dropdown-toggle" >
															<i class="icon nalika-user" aria-hidden="true"></i>
															<span class="admin-name">管理员</span>
															<i class="icon nalika-down-arrow nalika-angle-dw"></i>
														</a>
                                                    <ul role="menu" class="dropdown-header-top author-log dropdown-menu animated zoomIn">
                                                        <li><a th:href="@{/lock(AId=${AId})}"><span class="icon nalika-diamond author-log-ic icon nalika-unlocked author-log-ic"></span> 锁屏</a>
                                                        </li>
                                                        <li><a th:href="@{/priority(AId=${AId})}"><span class="icon nalika-settings author-log-ic"></span> 我的权限</a>
                                                        </li>
                                                        <li><a href="#" data-toggle="modal" data-target="#exampleModalLiveLogout"><span class="icon nalika-diamond author-log-ic" ></span> 退出登录</a>
                                                        </li>
                                                    </ul>
                                                </li>

                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Mobile Menu start -->

            <!-- Mobile Menu end -->
            <div class="breadcome-area">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <div class="breadcome-list">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                                        <div class="breadcomb-wp">
											<div class="breadcomb-icon">
												<i class="icon nalika-home"></i>
											</div>
											<div class="breadcomb-ctn">
                                                <h1 style="color: white">库存查询</h1>
											</div>
										</div>
                                    </div>
<!--                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">-->
<!--                                        <div class="breadcomb-report">-->
<!--											<button data-toggle="tooltip" data-placement="left" title="Download Report" class="btn"><i class="icon nalika-download"></i></button>-->
<!--										</div>-->
<!--                                    </div>-->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="product-cart-area mg-b-30">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <div class="product-cart-inner">
                            <div id="example-basic">
                                <h3>库存信息汇总表</h3>
                                <section>
                                    <h3 class="product-cart-dn">库存信息表</h3>
                                    <div class="product-list-cart">
                                        <div class="product-status-wrap border-pdt-ct">
                                            <table>
                                                <tr>
                                                    <th>设备</th>
                                                    <th>设备名</th>
                                                    <th>剩余库存量</th>
                                                    <th>本月用量</th>
                                                    <th>操作</th>
                                                </tr>
                                                <tr th:each="warehouse:${warehouseList}" >
                                                    <td><img th:src="'/admin/img/stuff/'+${warehouse.getType()}+'.png'" alt="" style="background-color: white " /></td>
                                                    <td>
                                                        <h3 th:text="${warehouse.getType()}">电脑</h3>

                                                    </td>
                                                    <td th:text="${warehouse.getQuantity()}">
                                                        <input type="text" class="form-control" value="2">
                                                    </td>
                                                    <td th:text="${usingQuantityList.get(warehouseStat.index).Add()}">不知道</td>
                                                    <td>
                                                        <button data-toggle="tooltip" title="编辑" class="pd-setting-ed"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></button>
                                                        <button data-toggle="tooltip" title="删除" class="pd-setting-ed"><i class="fa fa-trash-o" aria-hidden="true"></i></button>
                                                    </td>
                                                </tr>
<!--                                                <tr>-->
<!--                                                    <td><img src="/admin/img/stuff/printer.png" alt="" style="background-color: white "/></td>-->
<!--                                                    <td>-->
<!--                                                        <h3>打印机</h3>-->

<!--                                                    </td>-->
<!--                                                    <td th:text="${store.getprinterleftnum()}">-->
<!--                                                        <input type="text" class="form-control" value="1">-->
<!--                                                    </td>-->
<!--                                                    <td th:text="${store.getprinterallnum()}">17</td>-->
<!--                                                    <td>-->
<!--                                                        <button data-toggle="tooltip" title="编辑" class="pd-setting-ed"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></button>-->
<!--                                                        <button data-toggle="tooltip" title="删除" class="pd-setting-ed"><i class="fa fa-trash-o" aria-hidden="true"></i></button>-->
<!--                                                    </td>-->
<!--                                                </tr>-->
<!--                                                <tr>-->
<!--                                                    <td><img src="/admin/img/stuff/air.png" alt="" style="background-color: white "/></td>-->
<!--                                                    <td>-->
<!--                                                        <h3>空调</h3>-->
<!--&lt;!&ndash;                                                        <p>Lorem ipsum dolor sit consec te imperdiet iaculis ipsum.</p>&ndash;&gt;-->
<!--                                                    </td>-->
<!--                                                    <td th:text="${store.getaireleftnum()}">-->
<!--                                                        <input type="text" class="form-control" value="3">-->
<!--                                                    </td>-->
<!--                                                    <td th:text="${store.getairallnum()}">15</td>-->
<!--                                                    <td>-->
<!--                                                        <button data-toggle="tooltip" title="编辑" class="pd-setting-ed"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></button>-->
<!--                                                        <button data-toggle="tooltip" title="删除" class="pd-setting-ed"><i class="fa fa-trash-o" aria-hidden="true"></i></button>-->
<!--                                                    </td>-->
<!--                                                </tr>-->
<!--                                                <tr>-->
<!--                                                    <td><img src="/admin/img/stuff/light.png" alt=""style="background-color: white " /></td>-->
<!--                                                    <td>-->
<!--                                                        <h3>电灯</h3>-->

<!--                                                    </td>-->
<!--                                                    <td th:text="${store.getlightleftnum()}">-->
<!--                                                        <input type="text" class="form-control" value="2">-->
<!--                                                    </td>-->
<!--                                                    <td th:text="${store.getairallnum()}"> 12</td>-->
<!--                                                    <td>-->
<!--                                                        <button data-toggle="tooltip" title="编辑" class="pd-setting-ed"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></button>-->
<!--                                                        <button data-toggle="tooltip" title="删除" class="pd-setting-ed"><i class="fa fa-trash-o" aria-hidden="true"></i></button>-->
<!--                                                    </td>-->
<!--                                                </tr>-->

                                            </table>
                                        </div>
                                    </div>
                                </section>

                                <h3>库存信息统计图</h3>
                                <section>
                                    <h3 class="product-cart-dn">库存信息统计图</h3>

                                    <div class="dashtwo-order-area mg-tb-30">
                                        <div class="container-fluid">
                                            <div class="row">
                                                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                                    <div class="analytics-nalika-wrap res-mg-t-30">
                                                        <div class="skill-content-3 analytics-nalika analytics-nalika2">
                                                            <div class="skill">
                                                                <div class="progress progress-bt">
                                                                    <div class="lead-content">
                                                                        <h3>空调分区</h3>
                                                                        <p>已使用库存</p>
                                                                    </div>
                                                                    <div class="progress-bar wow fadeInLeft" th:data-progress="${aQ}+'%'" th:style="'width: '+${aQ}+'%;'"><span th:text="${aQ}+'%'">85%</span> </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                                    <div class="analytics-nalika-wrap ant-res-b-30 reso-mg-b-30">
                                                        <div class="skill-content-3 analytics-nalika">
                                                            <div class="skill">
                                                                <div class="progress">
                                                                    <div class="lead-content">
                                                                        <h3>电脑分区</h3>
                                                                        <p>已使用库存</p>
                                                                    </div>
                                                                    <div class="progress-bar wow fadeInLeft" th:data-progress="${cQ}+'%'" th:style="'width: '+${cQ}+'%;'" > <span th:text="${cQ}+'%'">95%</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                                    <div class="analytics-nalika-wrap reso-mg-b-30 res-mg-t-30">
                                                        <div class="skill-content-3 analytics-nalika analytics-nalika3">
                                                            <div class="skill">
                                                                <div class="progress progress-bt">
                                                                    <div class="lead-content">
                                                                        <h3>电灯分区</h3>
                                                                        <p>已使用库存</p>
                                                                    </div>
                                                                    <div class="progress-bar wow fadeInLeft" th:data-progress="${lQ}+'%'" th:style="'width: '+${lQ}+'%;'"><span th:text="${lQ}+'%'">85%</span> </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                                    <div class="analytics-nalika-wrap reso-mg-b-30">
                                                        <div class="skill-content-3 analytics-nalika analytics-nalika4">
                                                            <div class="skill">
                                                                <div class="progress">
                                                                    <div class="lead-content">
                                                                        <h3>打印机分区</h3>
                                                                        <p>已使用库存</p>
                                                                    </div>
                                                                    <div class="progress-bar wow fadeInLeft" th:data-progress="${pQ}+'%'" th:style="'width: '+${pQ}+'%;'"><span th:text="${pQ}+'%'">85%</span> </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="widget-program-box mg-tb-30">
                                        <div class="container-fluid">
                                            <div class="row">

                                                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12" th:each="usingQuantity:${usingQuantityList}">
                                                    <div class="hpanel responsive-mg-b-30">
                                                        <div class="panel-body">
                                                            <div class="text-center content-box">
                                                                <h2 class="m-b-xs" th:if="${usingQuantity.getType()} eq 'computer'">电脑本月使用情况</h2>
                                                                <h2 class="m-b-xs" th:if="${usingQuantity.getType()} eq 'light'">电灯本月使用情况</h2>
                                                                <h2 class="m-b-xs" th:if="${usingQuantity.getType()} eq 'printer'">打印机本月使用情况</h2>
                                                                <h2 class="m-b-xs" th:if="${usingQuantity.getType()} eq 'air'">空调本月使用情况</h2>
                                                                <div class="m icon-box">
                                                                    <img th:src="'/admin/img/stuff/'+${usingQuantity.getType()}+'.png'" style="width: 50px" height="50px" alt="computer"/>
                                                                </div>
                                                                <div class="hpanel responsive-mg-b-30">
                                                                    <div class="panel-body">
                                                                        <div class="table-responsive">
                                                                            <table class="table table-striped">
                                                                                <thead>
                                                                                <tr>
                                                                                    <th>周</th>
                                                                                    <th>数量</th>
                                                                                </tr>
                                                                                </thead>
                                                                                <tbody>
                                                                                <tr>
                                                                                    <td>
                                                                                        <span th:if="${usingQuantity.getType()} eq 'computer'" class="text-info font-bold">第一周</span>
                                                                                        <span th:if="${usingQuantity.getType()} eq 'air'" class="text-danger font-bold">第一周</span>
                                                                                        <span th:if="${usingQuantity.getType()} eq 'printer'" class="text-warning font-bold">第一周</span>
                                                                                        <span th:if="${usingQuantity.getType()} eq 'light'" class="text-muted font-bold">第一周</span>
                                                                                    </td>
                                                                                    <td th:text="${usingQuantity.getWeek1()}">8</td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td>
                                                                                        <span th:if="${usingQuantity.getType()} eq 'computer'" class="text-info font-bold">第二周</span>
                                                                                        <span th:if="${usingQuantity.getType()} eq 'air'" class="text-danger font-bold">第二周</span>
                                                                                        <span th:if="${usingQuantity.getType()} eq 'printer'" class="text-warning font-bold">第二周</span>
                                                                                        <span th:if="${usingQuantity.getType()} eq 'light'" class="text-muted font-bold">第二周</span>
                                                                                    </td>
                                                                                    <td th:text="${usingQuantity.getWeek2()}">1</td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td>
                                                                                        <span th:if="${usingQuantity.getType()} eq 'computer'" class="text-info font-bold">第三周</span>
                                                                                        <span th:if="${usingQuantity.getType()} eq 'air'" class="text-danger font-bold">第三周</span>
                                                                                        <span th:if="${usingQuantity.getType()} eq 'printer'" class="text-warning font-bold">第三周</span>
                                                                                        <span th:if="${usingQuantity.getType()} eq 'light'" class="text-muted font-bold">第三周</span>
                                                                                    </td>
                                                                                    <td th:text="${usingQuantity.getWeek3()}">2</td>
                                                                                </tr>
                                                                                <tr>
                                                                                    <td>
                                                                                        <span th:if="${usingQuantity.getType()} eq 'computer'" class="text-info font-bold">第四周</span>
                                                                                        <span th:if="${usingQuantity.getType()} eq 'air'" class="text-danger font-bold">第四周</span>
                                                                                        <span th:if="${usingQuantity.getType()} eq 'printer'" class="text-warning font-bold">第四周</span>
                                                                                        <span th:if="${usingQuantity.getType()} eq 'light'" class="text-muted font-bold">第四周</span>
                                                                                    </td>
                                                                                    <td th:text="${usingQuantity.getWeek4()}">0</td>
                                                                                </tr>
                                                                                </tbody>
                                                                            </table>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                            </div>

                                                        </div>
                                                    </div>
                                                </div>

<!--                                                -->
<!--                                                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">-->
<!--                                                    <div class="hpanel responsive-mg-b-30">-->
<!--                                                        <div class="panel-body">-->
<!--                                                            <div class="text-center content-box">-->
<!--                                                                <h2 class="m-b-xs">打印机本月使用情况</h2>-->

<!--                                                                <div class="m icon-box">-->
<!--                                                                    <img src="/admin/img/stuff/printer.png" style="width: 50px" height="50px" alt="printer"/>-->
<!--                                                                </div>-->

<!--                                                                    <div class="hpanel responsive-mg-b-30">-->
<!--                                                                        <div class="panel-body">-->
<!--                                                                            <div class="table-responsive">-->
<!--                                                                                <table class="table table-striped">-->
<!--                                                                                    <thead>-->
<!--                                                                                    <tr>-->
<!--                                                                                        <th>周</th>-->
<!--                                                                                        <th>数量</th>-->
<!--                                                                                    </tr>-->
<!--                                                                                    </thead>-->
<!--                                                                                    <tbody>-->
<!--                                                                                    <tr>-->
<!--                                                                                        <td>-->
<!--                                                                                            <span class="text-warning fonts-bold">第一周</span>-->
<!--                                                                                        </td>-->
<!--                                                                                        <td>1</td>-->
<!--                                                                                    </tr>-->
<!--                                                                                    <tr>-->
<!--                                                                                        <td>-->
<!--                                                                                            <span class="text-warning fonts-bold">第二周</span>-->
<!--                                                                                        </td>-->
<!--                                                                                        <td>1</td>-->
<!--                                                                                    </tr>-->
<!--                                                                                    <tr>-->
<!--                                                                                        <td>-->
<!--                                                                                            <span class="text-warning fonts-bold">第三周</span>-->
<!--                                                                                        </td>-->
<!--                                                                                        <td>1</td>-->
<!--                                                                                    </tr>-->
<!--                                                                                    <tr>-->
<!--                                                                                        <td>-->
<!--                                                                                            <span class="text-warning fonts-bold">第四周</span>-->
<!--                                                                                        </td>-->
<!--                                                                                        <td>1</td>-->
<!--                                                                                    </tr>-->
<!--                                                                                    </tbody>-->
<!--                                                                                </table>-->
<!--                                                                            </div>-->
<!--                                                                        </div>-->
<!--                                                                    </div>-->

<!--                                                            </div>-->
<!--                                                        </div>-->
<!--                                                    </div>-->
<!--                                                </div>-->
<!--                                                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">-->
<!--                                                    <div class="hpanel responsive-mg-b-30">-->
<!--                                                        <div class="panel-body">-->
<!--                                                            <div class="text-center content-box">-->
<!--                                                                <h2 class="m-b-xs">空调本月使用情况</h2>-->

<!--                                                                <div class="m icon-box">-->
<!--                                                                    <img src="/admin/img/stuff/air.png" style="width: 50px" height="50px" alt="air"/>-->
<!--                                                                </div>-->
<!--                                                                <div class="hpanel responsive-mg-b-30">-->
<!--                                                                    <div class="panel-body">-->
<!--                                                                        <div class="table-responsive">-->
<!--                                                                            <table class="table table-striped">-->
<!--                                                                                <thead>-->
<!--                                                                                <tr>-->
<!--                                                                                    <th>周</th>-->
<!--                                                                                    <th>数量</th>-->
<!--                                                                                </tr>-->
<!--                                                                                </thead>-->
<!--                                                                                <tbody>-->
<!--                                                                                <tr>-->
<!--                                                                                    <td>-->
<!--                                                                                        <span class="text-info fonts-bold">第一周</span>-->
<!--                                                                                    </td>-->
<!--                                                                                    <td th:text="${}">8</td>-->
<!--                                                                                </tr>-->
<!--                                                                                <tr>-->
<!--                                                                                    <td>-->
<!--                                                                                        <span class="text-info fonts-bold">第二周</span>-->
<!--                                                                                    </td>-->
<!--                                                                                    <td>1</td>-->
<!--                                                                                </tr>-->
<!--                                                                                <tr>-->
<!--                                                                                    <td>-->
<!--                                                                                        <span class="text-info fonts-bold">第三周</span>-->
<!--                                                                                    </td>-->
<!--                                                                                    <td>2</td>-->
<!--                                                                                </tr>-->
<!--                                                                                <tr>-->
<!--                                                                                    <td>-->
<!--                                                                                        <span class="text-info fonts-bold">第四周</span>-->
<!--                                                                                    </td>-->
<!--                                                                                    <td th:text="${}">0</td>-->
<!--                                                                                </tr>-->
<!--                                                                                </tbody>-->
<!--                                                                            </table>-->
<!--                                                                        </div>-->
<!--                                                                    </div>-->
<!--                                                                </div>-->
<!--                                                            </div>-->
<!--                                                        </div>-->
<!--                                                    </div>-->
<!--                                                </div>-->
<!--                                                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">-->
<!--                                                    <div class="hpanel">-->
<!--                                                        <div class="panel-body">-->
<!--                                                            <div class="text-center content-box">-->
<!--                                                                <h2 class="m-b-xs">电灯本月使用情况</h2>-->

<!--                                                                <div class="m icon-box">-->

<!--                                                                    <img src="/admin/img/stuff/light.png" style="width: 50px" height="50px" alt="light"/>-->
<!--                                                                </div>-->

<!--                                                                    <div class="hpanel responsive-mg-b-30">-->
<!--                                                                        <div class="panel-body">-->
<!--                                                                            <div class="table-responsive">-->
<!--                                                                                <table class="table table-striped">-->
<!--                                                                                    <thead>-->
<!--                                                                                    <tr>-->
<!--                                                                                        <th>周</th>-->
<!--                                                                                        <th>数量</th>-->
<!--                                                                                    </tr>-->
<!--                                                                                    </thead>-->
<!--                                                                                    <tbody>-->
<!--                                                                                    <tr>-->
<!--                                                                                        <td>-->
<!--                                                                                            <span class="text-danger fonts-bold">第一周</span>-->
<!--                                                                                        </td>-->
<!--                                                                                        <td th:text="${}">8</td>-->
<!--                                                                                    </tr>-->
<!--                                                                                    <tr>-->
<!--                                                                                        <td>-->
<!--                                                                                            <span class="text-danger fonts-bold">第二周</span>-->
<!--                                                                                        </td>-->
<!--                                                                                        <td>1</td>-->
<!--                                                                                    </tr>-->
<!--                                                                                    <tr>-->
<!--                                                                                        <td>-->
<!--                                                                                            <span class="text-danger fonts-bold">第三周</span>-->
<!--                                                                                        </td>-->
<!--                                                                                        <td>2</td>-->
<!--                                                                                    </tr>-->
<!--                                                                                    <tr>-->
<!--                                                                                        <td>-->
<!--                                                                                            <span class="text-danger fonts-bold">第四周</span>-->
<!--                                                                                        </td>-->
<!--                                                                                        <td>0</td>-->
<!--                                                                                    </tr>-->
<!--                                                                                    </tbody>-->
<!--                                                                                </table>-->
<!--                                                                            </div>-->
<!--                                                                        </div>-->
<!--                                                                    </div>-->

<!--                                                                <button class="btn btn-danger btn-sm">Action button</button>-->
<!--                                                            </div>-->
<!--                                                        </div>-->
<!--                                                    </div>-->
<!--                                                </div>-->

                                            </div>
                                        </div>
                                    </div>

                                </section>

                                <h3 style="width: 1000px">设备购入申请</h3>
                                <section>
                                    <h3 class="product-cart-dn">设备购入申请</h3>
                                    <div class="product-delivary">
                                        <div class="form-group">
                                            <label for="AId" class="form-label">申请人ID *</label>
                                            <input id="AId" name="AId" type="text" class="form-control" th:value="${AId}" readonly>
                                        </div>
                                        <div class="form-group">
                                            <label for="name" class="form-label">姓名 *</label>
                                            <input id="name" name="name" type="text" class="form-control" >
                                        </div>

                                        <div class="form-group">
                                            <label for="type" class="form-label">输入购入设备 *</label>
                                            <input id="type" name="type" type="text" class="form-control">
                                        </div>

                                        <div class="form-group">
                                            <label for="quantity" class="form-label">数量 *</label>
                                            <input id="quantity" name="quantity" type="number" class="form-control phone">
                                        </div>

                                        <div class="form-group">
                                            <label for="address" class="form-label">仓库位置 *</label>
                                            <select id="address" class="form-control required">
                                                <option>仓库分区选择</option>
                                                <option>电脑分区</option>
                                                <option>打印机分区</option>
                                                <option>电灯分区</option>
                                                <option>空调分区</option>
                                            </select>
                                        </div>

                                        <button type="submit" class="btn btn-primary btn-block" onclick="submitIn()">提交申请</button>

                                    </div>
                                </section>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-copyright-area">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="footer-copy-right">
                            <p>到底了！</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<div id="exampleModalLiveLogout" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLiveLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" >确认要退出吗</h4>

                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                <a href="/signOut"><button type="button" class="btn btn-primary" >退出</button></a>
            </div>
        </div>
    </div>
</div>
    <!-- jquery
		============================================ -->
    <script src="/admin/js/vendor/jquery-1.12.4.min.js"></script>
    <!-- bootstrap JS
		============================================ -->
    <script src="/admin/js/bootstrap.min.js"></script>
    <!-- wow JS
		============================================ -->
    <script src="/admin/js/wow.min.js"></script>
    <!-- price-slider JS
		============================================ -->
    <script src="/admin/js/jquery-price-slider.js"></script>
    <!-- meanmenu JS
		============================================ -->
    <script src="/admin/js/jquery.meanmenu.js"></script>
    <!-- owl.carousel JS
		============================================ -->
    <script src="/admin/js/owl.carousel.min.js"></script>
    <!-- sticky JS
		============================================ -->
    <script src="/admin/js/jquery.sticky.js"></script>
    <!-- scrollUp JS
		============================================ -->
    <script src="/admin/js/jquery.scrollUp.min.js"></script>
    <!-- mCustomScrollbar JS
		============================================ -->
    <script src="/admin/js/scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
    <script src="/admin/js/scrollbar/mCustomScrollbar-active.js"></script>
    <!-- metisMenu JS
		============================================ -->
    <script src="/admin/js/metisMenu/metisMenu.min.js"></script>
    <script src="/admin/js/metisMenu/metisMenu-active.js"></script>
    <!-- morrisjs JS
		============================================ -->
    <script src="/admin/js/sparkline/jquery.sparkline.min.js"></script>
    <script src="/admin/js/sparkline/jquery.charts-sparkline.js"></script>
    <!-- calendar JS
		============================================ -->
    <script src="/admin/js/calendar/moment.min.js"></script>
    <script src="/admin/js/calendar/fullcalendar.min.js"></script>
    <script src="/admin/js/calendar/fullcalendar-active.js"></script>
    <!-- tab JS
		============================================ -->
    <script src="/admin/js/tab.js"></script>
    <!-- wizard JS
		============================================ -->
    <script src="/admin/js/wizard/jquery.steps.js"></script>
    <script src="/admin/js/wizard/steps-active.js"></script>
    <!-- plugins JS
		============================================ -->
    <script src="/admin/js/plugins.js"></script>
    <!-- main JS
		============================================ -->
    <script src="/admin/js/main.js"></script>
     <script>
         var AId = $("#AId").val();
         var AName;
         var AType;
         var AQuantity;
         function submitIn() {
                AName = $("#name").val();
                AType = $("#type").val();
                AQuantity = $("#quantity").val();
                console.log(AQuantity);
                $.ajax({
                    type: "GET",async: false,
                    url: "/submitIn",
                    data: 'AId='+AId+'&AName='+AName+'&AType='+AType+'&AQuantity='+AQuantity.toString(),
                    success: function (result) {
                        alert("购入成功");
                    },
                    error : function() {
                        alert("出现异常！提交失败");
                    }
                });
         }
     </script>
</body>

</html>